<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <!-- 显示地声明如果用ie浏览器的化，要用最新的版本的视图引擎来渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>角色管理页面</title>
    <link rel="stylesheet" type="text/css" href="../../static/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../../static/lib/datetimepicker/css/bootstrap-datetimepicker.css">
    <!--[if lt IE 9]>
    <script src="../../static/lib/html5shiv/html5shiv.min.js"></script>
    <script src="../../static/lib/respond/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../../static/css/user.css">
</head>

<body>
<div class="container-fluid">

    <div class="row">
        <form id="search_form" class="form-inline">
            <div class="form-group">
                <label>工号/名字:</label> <input class="form-control input-sm" type="text" name="userInfo"
                                             placeholder="工号/名字">
            </div>
        </form>
    </div>
    <div id="search_btn" class="row">
        <button type="button" class="btn btn-default">查询</button>
        <button type="button" data-toggle="modal" data-target="#addRoleModal" class="btn btn-default  " id="addinfo">添加</button>
        <button type="button" class="btn btn-default">删除</button>
    </div>
    <div id="content_table" class="row">
        <div class="table-responsive">
            <table class="table table-bordered table-hover  " id="content_tabletr">


            </table>
        </div>
    </div>
    <div id="pager" class="row">
        <p class="pull-left">

        </p>
        <div class="btngroup pull-right">
            <button type="button" class="btn btn-default" id="firstpage">首页</button>
            <button type="button" class="btn btn-default" id="previousPage">上一页</button>
            <button type="button" class="btn btn-default" id="nextPage">上一页</button>
            <button type="button" class="btn btn-default" id="endpage">尾页</button>
        </div>
    </div>
</div>
<!-- Modal 添加 -->


<div class="modal fade adduserinfo" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">新增</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn_addInfo">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<script src="../../static/lib/jquery/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="../../static/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="../../static/lib/datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="../../static/lib/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script type="text/javascript" src="../../static/js/role.js"></script>
<script type="text/javascript" src="../../static/js/alert.js"></script>
</body>

</html>
